<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="/template/page_config.jsp" %>
<style type="text/css">
.profile {
	float:left;
	width:100%;
	margin-top:20px
}
.profile .profile_img {
	float:left;
	width:30%
}
.profile .profile_img div {
	margin-left:10px;
	text-align: center;
	border:2px solid #494949;
	width:80px;
	height:60px;
	border-radius:4px;
}
.profile .profile_img div img {
	max-width:80px;
	max-height:80px
}
.profile .description {
	float:left;
	width:70%;
}
.profile .description .name {
	font-size:12px;
	font-weight:bold;
	color:brown;
}
.profile .description .information {
	font-size:11px;
	line-height: 2;
        text-align: left;
	font-style:italic
}
</style>

<div style ="text-align: left;width:100%;">
  <div style="color:#433938;font-size:20px;margin-bottom:10px;border-bottom:4px solid #993300;width:100%"> ${el:getLang('about_us',LANG)} </div>
  <div class="data_content">
    <div class="block_content" style="width:97%">
      <div style="float:left;width:100%;font-size: 13px"> ${el:getLang('about_us_content',LANG)} </div>
      <div style="float:left;width:50%">
        <div style="float:left;color:#C1C1C1;font-weight:bold;font-size:25px;margin-top:20px;width:100%;border-bottom:1px solid #c1c1c1"> ${el:getLang('who_is',LANG)} </div>
        <div style="float:left;width:100%" >
          <div class="profile">
            <div class="description">
              <div class="name">${el:getLang('people_1',LANG)}</div>
              <div class="information">${el:getLang('des_people_1',LANG)}</div>
            </div>
          </div>
          <div class="profile">
            <div class="profile_img">
              <div> <img src="/public/images/092404.jpg"> </div>
            </div>
          </div>
        </div>
      </div>
      <div  style="float:left ;width:50%; margin-top:20px;"> 
          <div style="float:left;width:100%"><img src="/public/images/about_us.jpg" align="right" style="max-width:360px;border:4px solid #C1C1C1;border-radius:4px" alt="" title=""/> </div>
          <div style="float:left;color:#C1C1C1;font-weight:bold;font-size:25px;margin-top:20px;width:100%;border-bottom:1px solid #c1c1c1"> 
              ${el:getLang('contact',LANG)} 
          </div>
          <div style="float:left;width:100%;font-size:12px;line-height: 2;"> ${el:getLang('des_contact',LANG)} </div>
          
      </div>
      <div style="float:left;color:#C1C1C1;font-weight:bold;font-size:25px;margin-top:20px;width:100%;border-bottom:1px solid #c1c1c1"> 
              ${el:getLang('vision',LANG)} 
      </div>
      <div style="float:left;width:100%;font-size:12px;line-height: 2;"> ${el:getLang('des_vision',LANG)} </div>
     </div>
  </div>
</div>
